body {
    background-color: #F5F5F5;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

a:active {
    background-color: rgba(0,0,0,.1);!important;
    -webkit-tap-highlight-color: rgba(0,0,0,0.1);
}

/* search*/
.search {
    height: 12vw;
    background-color: #fff;
    border-bottom: 1px solid #f1f1f1;
    padding: 1.6vw 0;
}

.search .searchTxt {
    margin-left: 3.2vw;
    padding-left: 10.8vw;
    position: relative;
    background-color: #F6F6F6;
    border: 26.7vw;
    width: 80%;
    display: block;
    height: 100%;
    line-height: calc(12vw - 3.2vw);
    border-radius: 26.7vw;
}

body.active {
    background-color: #fff;
}

body.active .search {
    background-color: #f5f5f5;
}

body.active .search .searchTxt {
    background-color: #fff;
}

.search .searchTxt:before {
    content: "";
    display: inline-block;
    width: 4vw;
    height: 4.1vw;
    position: absolute;
    left: 4vw;
    top: 50%;
    margin-top: -2.05vw;
    background: url(/home/images/commodity/search.png) no-repeat;
    background-size: 4vw 4.1vw;
}

.search .searchTxt i {
    content: "";
    width: 4.1vw;
    height: 4.1vw;
    position: absolute;
    right: 4vw;
    top: 50%;
    margin-top: -2.05vw;
    background: url(/home/images/commodity/close1.png) no-repeat;
    background-size: 4.1vw 4.1vw;
    display: none;
}

body.active .search .searchTxt i {
    display: block;
}

.search input {
    border: 0;
    outline:none;
    background-color: inherit;
    display: inline-block;
    width: 88%;
    height: 100%;
    color: #252E32;
    font-size: .4rem;
}

.search input::-webkit-input-placeholder {
    color: #999;
    font-size: .4rem;
}

.search input:-moz-placeholder {
    color: #999;
    font-size: .4rem;
}

.search input::-ms-input-placeholder {
    color: #999;
    font-size: .4rem;
}

.search input::-moz-placeholder {
    color: #999;
    font-size: .4rem;
}

.search .fr {
    width: calc(19% - 3.2vw);
    height: 100%;
    line-height: calc(12vw - 3.2vw);
    text-align: center;
}

.search .fr a {
    display: inline-block;
    width: 100%;
    height: 100%;
    color: #252E32;
    font-size: .4rem;
}

.lists {
    padding: 0 3.2vw;
}

.lists .result {
    padding: 0 3.2vw;
    border-bottom: 1px solid #E3E3E3;
    width: 100%;
    display: block;
    height: 12vw;
    line-height: 12vw;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    color: #252E32;
    font-size: .42rem;
}